 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="layout.xhtml">
        <ui:define name="title">
            <div class="buttonAction" style="float: right">
                <p:panel styleClass="container_24 clearfix">
                    <p:button href="pesquisarfichainscricao.xhtml" value="Pesquisar" icon="ui-icon-search" styleClass="ui-priority-primary"/>
                </p:panel>
            </div>
            <br/>
            <h2><a href="#" class="back" onclick="history.go(-1)"/>Cadastrar Ficha de Inscrição</h2>
        </ui:define>

        <ui:define name="body">

            <h:form id="form" enctype="multipart/form-data">
                <p:panel styleClass="container_24 clearfix">

                    <p:messages id="messages" closable="true" showDetail="true" autoUpdate="true"/>

                    <p:panel id="dadosGeraisPanel" styleClass="container_24 clearfix">
                        <h2>Participante</h2>
                        <br/>

                        <p:outputLabel value="Tipo:" styleClass="grid_3" for="tipoParticipante"/>
                        <div class="grid_8 select-one-menu">
                            <p:selectOneMenu id="tipoParticipante" panelStyle="width:150px;"
                                             value="#{managerCriarFichaInscricao.ficha.tipoParticipante}"
                                             required="true" requiredMessage="O campo Tipo é obrigatório !">
                                <f:selectItem itemLabel="" itemValue="" />
                                <f:selectItems value="#{managerUtilitario.tipoParticipante}"/>
                            </p:selectOneMenu>
                        </div>

                        <p:outputLabel value="Status:" styleClass="grid_3" for="status" rendered="false"/>
                        <div class="grid_8 select-one-menu statusSelectOneMenu">
                            <p:selectOneMenu id="status" panelStyle="width:150px;" rendered="false"
                                             value="#{managerCriarFichaInscricao.ficha.status}">
                                <f:selectItem itemLabel="" itemValue="" />
                                <f:selectItems value="#{managerUtilitario.status}"/>
                            </p:selectOneMenu>
                        </div>
                        <div class="clear"/>

                        <p:outputLabel value="Nome:" styleClass="grid_3" for="nomeInputText"/>
                        <p:inputText id="nomeInputText" styleClass="grid_19" value="#{managerCriarFichaInscricao.ficha.participante.nome}"
                                     required="true" requiredMessage="O campo Nome é obrigatório !"/>
                        <div class="clear"/>

                        <p:outputLabel value="Fone:" styleClass="grid_3" for="fone" rendered="false"/>
                        <p:inputText id="fone" styleClass="grid_8" rendered="false"
                                     value="#{managerCriarFichaInscricao.ficha.participante.telefone}"/>

                        <p:outputLabel value="Celular:" styleClass="grid_3" for="celular" rendered="false"/>
                        <p:inputText id="celular" styleClass="grid_8 celularInputText" rendered="false"
                                     value="#{managerCriarFichaInscricao.ficha.participante.celular}"/>
                        <div class="clear"/>

                        <p:outputLabel value="Email:" styleClass="grid_3" for="email" rendered="false"/>
                        <p:inputText id="email" styleClass="grid_19" value="#{managerCriarFichaInscricao.ficha.participante.email}" rendered="false"/>
                        <div class="clear"/>

                        <p:outputLabel value="Logradouro:" styleClass="grid_3" for="endereco" rendered="false"/>
                        <p:inputText id="endereco" styleClass="grid_19" value="#{managerCriarFichaInscricao.ficha.participante.endereco.logradouro}" rendered="false"/>
                        <div class="clear"/>

                        <p:outputLabel value="Número:" styleClass="grid_3" for="numero" rendered="false"/>
                        <p:inputText id="numero" styleClass="grid_5 omega" value="#{managerCriarFichaInscricao.ficha.participante.endereco.numero}" rendered="false"/>

                        <p:outputLabel value="Bairro:" styleClass="grid_3 alpha" for="bairro" rendered="false"/>
                        <p:inputText id="bairro" styleClass="grid_11 alpha" value="#{managerCriarFichaInscricao.ficha.participante.endereco.bairro}" rendered="false"/>
                        <div class="clear"/>

                        <p:outputLabel value="Cidade:" styleClass="grid_3" for="cidade" rendered="false"/>
                        <p:inputText id="cidade" styleClass="grid_14 omega" value="#{managerCriarFichaInscricao.ficha.participante.endereco.cidade}" rendered="false"/>

                        <p:outputLabel value="UF:" styleClass="grid_3 alpha" for="uf" rendered="false"/>
                        <p:inputText id="uf" styleClass="grid_2 alpha" value="#{managerCriarFichaInscricao.ficha.participante.endereco.uf}" rendered="false"/>
                        <div class="clear"/>

                        <p:outputLabel value="Clube:" styleClass="grid_3" for="clube"/>
                        <p:autoComplete id="clube" styleClass="grid_19" dropdown="true" converter="clubeconverter"
                                        var="clube" itemLabel="#{clube.nome.toString().concat(' - ').concat(clube.estado.sigla)}"
                                        itemValue="#{clube}" value="#{managerCriarFichaInscricao.ficha.clube}"
                                        scrollHeight="200" forceSelection="true"
                                        completeMethod="#{managerUtilitario.autocompleteClube}"/>
                        <div class="clear"/>

                        <p:outputLabel value="Nº do Associado em RI:" styleClass="grid_3 numeroAssociadoRI" for="numeroAssociado"/>
                        <p:inputText id="numeroAssociado" styleClass="grid_4" value="#{managerCriarFichaInscricao.ficha.numeroAssociadoEmRI}"/>

                        <p:outputLabel value="Meio de Transporte:" styleClass="grid_6" for="meioTransporte" rendered="false"/>
                        <div class="grid_9 select-one-menu meioTransporteSelectOneMenu">
                            <p:selectOneMenu id="meioTransporte" panelStyle="width:150px;" rendered="false"
                                             value="#{managerCriarFichaInscricao.ficha.meioTransporte}">
                                <f:selectItem itemLabel="" itemValue="" />
                                <f:selectItems value="#{managerUtilitario.meioTransporte}"/>
                            </p:selectOneMenu>
                        </div>
                        <div class="clear"/>

                        <p:outputLabel value="Nome crachá:" styleClass="grid_3 nomeCracha" for="nomeCracha" rendered="false"/>
                        <p:inputText id="nomeCracha" styleClass="grid_19" value="#{managerCriarFichaInscricao.ficha.nomeCracha}" rendered="false"/>
                        <div class="clear"/>
                        <br/>

                        <h2>Convidado</h2>
                        <br/>

                        <p:outputLabel value="Tipo:" styleClass="grid_3" for="tipoConvidado"/>
                        <div class="grid_8 select-one-menu">
                            <p:selectOneMenu id="tipoConvidado" panelStyle="width:150px;"
                                             value="#{managerCriarFichaInscricao.ficha.tipoConvidado}">
                                <f:selectItem itemLabel="" itemValue="" />
                                <f:selectItems value="#{managerUtilitario.tipoConvidado}"/>
                            </p:selectOneMenu>
                        </div>
                        <div class="clear"/>

                        <p:outputLabel value="Nome:" styleClass="grid_3" for="nomeConvidado"/>
                        <p:inputText id="nomeConvidado" styleClass="grid_19" value="#{managerCriarFichaInscricao.ficha.convidado.nome}"/>
                        <div class="clear"/>

                        <p:outputLabel value="Fone:" styleClass="grid_3" for="foneConvidado" rendered="false"/>
                        <p:inputText id="foneConvidado" styleClass="grid_8" value="#{managerCriarFichaInscricao.ficha.convidado.telefone}" rendered="false"/>

                        <p:outputLabel value="Celular:" styleClass="grid_3" for="celularConvidado" rendered="false"/>
                        <p:inputText id="celularConvidado" styleClass="grid_8" value="#{managerCriarFichaInscricao.ficha.convidado.celular}" rendered="false"/>
                        <div class="clear"/>

                        <p:outputLabel value="Email:" styleClass="grid_3" for="emailConvidado" rendered="false"/>
                        <p:inputText id="emailConvidado" styleClass="grid_19" value="#{managerCriarFichaInscricao.ficha.convidado.email}" rendered="false"/>
                        <div class="clear"/>

                        <p:outputLabel value="Nome crachá:" styleClass="grid_3 nomeCracha" for="nomeCrachaConvidado" rendered="false"/>
                        <p:inputText id="nomeCrachaConvidado" styleClass="grid_19" value="#{managerCriarFichaInscricao.ficha.nomeCrachaConvidado}" rendered="false"/>
                        <div class="clear"/><br/>

                        <h2 style="display: none">Anexos</h2>

                        <p:panel id="documentoPanel" styleClass="container_24 clearfix withoutBorder" rendered="false">

                            <p:fileUpload id="fileUpload"   
                                          mode="advanced" label="Anexar"
                                          uploadLabel="Enviar"
                                          cancelLabel="Cancelar"
                                          fileUploadListener="#{managerCriarFichaInscricao.adicionarAnexo}"
                                          multiple="false" auto="true"
                                          allowTypes="/(\.|\/)(gif|jpe?g|png)$/"
                                          dragDropSupport="true"
                                          invalidFileMessage="Tipo de arquivo não suportado."
                                          invalidSizeMessage="Tamanho do arquivo não é suportado"
                                          immediate="true" update=":form:documentoPanel"/>

                            <ui:repeat  value="#{managerCriarFichaInscricao.ficha.anexos}" var="a">

                                <p:panel styleClass="thumbnail">

                                    <p:commandButton id="removeButton" alt="Remover" styleClass="ui-button-only button-remove btn-danger"
                                                     icon="ui-icon-trash" update=":form:documentoPanel" 
                                                     process=":form:documentoPanel"
                                                     actionListener="#{managerCriarFichaInscricao.removerAnexo(a)}" />

                                    <h:outputLink value="#{a.tipo ne 'application/pdf' ? 'viewImage.xhtml':'show'}"
                                                  title="#{a.nomeExibicao}" target="_blank">

                                        <p:graphicImage styleClass="image grid_3 anexoImovel" rendered="#{managerImagem.imagem(a)}"
                                                        url="#{managerImagem.urlThumbnailImagem(a)}" />

                                        <p:graphicImage styleClass="image grid_3 anexoImovel" rendered="#{managerImagem.PDF(a)}" 
                                                        url="#{managerImagem.urlPDF}" />
                                        <div class="clear-both"/>

                                        <p:outputLabel  value="#{managerImagem.nomeAnexo(a)}" 
                                                        style="margin-left:1%; width: 100px;" rendered="#{managerImagem.imagem(a)}"/>

                                        <p:outputLabel  value="#{managerImagem.nomeAnexoPdf(a)}" 
                                                        style="margin-left:1%; width: 100px;" rendered="#{managerImagem.PDF(a)}"/>

                                        <f:param name="annex" value="#{managerImagem.urlVisualizarImagem(a)}"/>
                                    </h:outputLink>

                                </p:panel>
                            </ui:repeat>
                        </p:panel>

                        <h2 style="display: none">Observação</h2>
                        <br/>
                        <p:outputLabel value="Observação:" styleClass="grid_3 nomeCracha" for="obs" rendered="false"/>
                        <p:inputTextarea id="obs" styleClass="grid_19"  rendered="false"
                                         value="#{managerCriarFichaInscricao.ficha.obs}"/>

                    </p:panel>
                    <br/>

                    <div class="buttonAction">
                        <p:commandButton value="Salvar" actionListener="#{managerCriarFichaInscricao.salvar()}"
                                         icon="ui-icon-disk" styleClass="ui-priority-primary"
                                         update="@form" onsuccess="goTop(0)"/>
                        <p:button value="Cancelar" icon="ui-icon-circle-close"
                                  href="pesquisarfichainscricao.xhtml" />
                    </div>
                </p:panel>
            </h:form>
        </ui:define>
    </ui:composition>
</html>



